<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	session.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>传菜信息</title>
<script type="text/javascript" src="${basePath }js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
<link rel="stylesheet" href="${basePath }css/bootstrap.min.css">
<style>
.divcss5{ 
	border-left:1px solid #00F
	} 
</style>
</head>
<body>
<!-- 上部 -->
<div class="row">
  <div style="float:left;height:55px;width:33%" class="col-xs-6 col-sm-4"><img src="${basePath }img/10.PNG"></div>
  <div style="float:left;background-color:black;width:37%;height:64px;padding:13px;" class="col-xs-6 col-sm-4">
	<form class="form-inline" action="" method="post">
					<div class="form-group">
					<input type="text" class="form-control" id="exampleInputEmail3"
							name="" placeholder="设定桌号">
					</div>				
					<button type="submit" class="btn btn-default">查询</button>
					<span style="color:white;">	点单界面，当前桌号【12】</span>
				</form>
			
  </div>
  <div style="float:left;background-color:black;width:30%;height:64px;padding:5px;" class="col-xs-6 col-md-4" >
  	<p style="color:white;margin:10px">
  	<img alt="" src="${basePath }img/Button-Refresh.png" style="width:30px;height:30px;">
		当前用户：【<a title="点击我即可修改信息" style="color:red;" href="${basePath }user/update.do?userId=${usermessage.userId}">
		${usermessage.userName }</a>】，身份为：${usermessage.roleDO.roleName}
  	<a style="float:right;margin-right:10px;" href="${basePath }/OrderSys/pages/login.jsp">退出登录</a>
  	<a style="float:right;margin-right:10px;" href="${basePath }/OrderSys/pages/index.jsp">回到首页</a>
  	</p>
  </div>
</div>
<!-- 下部 -->
<div>
<!-- 	左边 -->
	<div style="float:left;background-color:#CCCCCC;width:15%;height:600px;">
		<img class="img-circle" src="${basePath }img/watier.PNG" style="width:30px;height:30px;margin:5px;object-fit:contain">
  			<strong>服务员点餐功能</strong>
  			<br>
  		<img class="img-circle" src="${basePath }img/ser.PNG" style="width:30px;height:30px;margin:10px;object-fit:contain">
  			<a href="#" style="color:white;margin:10px">服务点餐界面</a><br>
  		<img class="img-circle" src="${basePath }img/jie.PNG" style="width:30px;height:30px;margin:10px;object-fit:contain">
  			<a href="#" style="color:white;margin:10px">餐桌结账</a>
	</div>
<!-- 	中间 -->
	<div style="float:left;background-color:white;width:3%;height:600px;margin:0px"></div>
<!-- 	右边 -->
	<div style="float:left;background-color:white;width:82%;height:600px;margin:0px">
		<div style="float:left;background-color:#FFCCCC;width:99%;height:15px;padding:10px;border-radius:5px">
		</div>
		<div style="float:left;background-color:white;width:99%;height:70px;padding:10px;">
			<table border="1" color="red">
			<tr>
				<img class="img-circle" src="${basePath }img/email.PNG" style="width:30px;height:30px;object-fit:contain">
				桌号【1】的菜品【川香回锅肉】已经烹制完成，请传菜！
			</tr>
			</table>
		</div>
		<div style="float:left;background-color:#FFCCCC;width:99%;height:35px;padding:10px;border-radius:15px">
			<span style="color:"red;">菜品清单</span>
		</div>
		<div style="float:left;background-color:white;width:99%;height:auto;padding:10px">
		<table style="object-fit:contain;">
		 <tr>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;" 
							src="${basePath }img/cherry512.png" alt="" id="btn1">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h4>川香回锅肉&nbsp;&nbsp;<span style="color:red">
							<big><small>￥</small>19</big></span><small>/份</small></h4>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;" 
							src="${basePath }img/cherry512.png" alt="" id="btn1">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h4>川香回锅肉&nbsp;&nbsp;<span style="color:red">
							<big><small>￥</small>19</big></span><small>/份</small></h4>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;" 
							src="${basePath }img/cherry512.png" alt="" id="btn1">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h4>川香回锅肉&nbsp;&nbsp;<span style="color:red">
							<big><small>￥</small>19</big></span><small>/份</small></h4>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		 	<td>
		 		<div class="thumbnail" style="height:auto">
						<img class="foodinfo img-thumbnail" style="width:240px;height:160px;object-fit:contain;" 
							src="${basePath }img/cherry512.png" alt="" id="btn1">
						<div class="caption" style="float:center;width:240px;height:165px;object-fit:contain;">
							<center><h4>川香回锅肉&nbsp;&nbsp;<span style="color:red">
							<big><small>￥</small>19</big></span><small>/份</small></h4>
							<p><small>彩色鲜美，肥而..</small></p>
							<p>
							<a class="btn btn-default">-</a>
							<a class="btn btn-default" style="background-color:gold">4</a>
							<a class="btn btn-default">+</a>
							</p>
							<p>
								<a href="#" class="btn btn-danger" role="button" >加入点餐车</a>
							</p></center>
						</div>
					</div>
		 	</td>
		</tr>	
		</table>		
		</div>
		
	</div>
</div>
</body>
</html>